coustom-action {
  .back_ground {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    &.shide {
        z-index: -100;
        opacity: 0;
        .action {
          transform: translateY(100%)
        }
      }
  }
  .action {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #f2f2f2;
    min-height: 200px;
    transition: all .3s ease-in-out;
    .action_header {
      height: 30px;
      line-height: 20px;
      padding: 5px 10px;
      border-bottom: 1px solid #f2f2f2;
      span {
        float: right;
        color: #333;
        font-size: 25px;
      }
    }
  }
  
}
